<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/hpp_c1_c2.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<%@ include file="/common/meta.jsp" %>
<title>VTC - Holistic Programme Planning - HPP</title>
<%@ include file="/common/css_js.jsp"%>

<script type="text/javascript">
	
	var validator;

	$(document).ready(function() {
		validator=$("#programmeLeaderForm").validate({
			rules: {
				"programmeLeader.chineseName": {
					maxlength: 20
				},
				"programmeLeader.englishName":{
					maxlength: 20
				},
				"programmeLeader.email":{
					maxlength: 100,
					email:true
				}
			}
		 });
	});

	
	
	
	function clickBtn(action){
		switch(action){
		case "cancel":
			  CE.close();
			  return;
			  
		case "save":
			 if(validator.form()){
				  $("#programmeLeaderForm").submit();
				  CE.close();
				  return;				 
			 }
		}
		
	}
</script> 

</head>
<body>
<div class="bodyBlank">
  <div class="padding"> 
  
    <div class="bodyBlank2">
      <div class="pageTitle">Programme Leader</div>
      <div class="form2">
      
		<s:form name="programmeLeaderForm" id="programmeLeaderForm" 
		        action="programme-leader!save.action?no-decorate" method="post" target="programmeIframe"> 
		         
		<s:hidden name="programmeId"></s:hidden>         
	    <s:hidden name="programmeLeader.id"></s:hidden>   
          
        <table cellspacing="0" cellpadding="0" border="0">
          <tbody>
          <tr>
            <td class="sep"><img style="width:230px;" src="../images/spacer.gif"/></td>
            <td class="sep sep2"><img src="../images/spacer.gif"/></td>
          </tr>
          <tr>
            <td style="vertical-align:top"><label class="fLabel">Chinese Name</label>
              <div class="fField">
	   			<input type="text" name="programmeLeader.chineseName" class="inputText required" style="width:210px;" value="<s:property value="programmeLeader.chineseName"></s:property>" <s:if test="canEdit==false">readonly="readonly"</s:if>/>
              </div>
            </td>
            <td style="vertical-align:top"><label class="fLabel">English Name</label>
              <div class="fField">
              <input type="text" name="programmeLeader.englishName" class="inputText required" style="width:210px;" value="<s:property value="programmeLeader.englishName"></s:property>" <s:if test="canEdit==false">readonly="readonly"</s:if>/>
              </div>
            </td>
          </tr>
          <tr>
            <td style="vertical-align:top"><label class="fLabel">Email </label>
              <div class="fField">
                 <input type="text" name="programmeLeader.email" class="inputText required" style="width:210px;" value="<s:property value="programmeLeader.email"></s:property> " <s:if test="canEdit==false">readonly="readonly"</s:if>/>
              </div>
            </td>
            <td style="vertical-align:top"><label class="fLabel">Is Leader </label>
              <div class="fField">
				<s:radio name="programmeLeader.leader" list="#{'true':'Programme Leader','false':'Stream Leader'}" 
						 listKey="key" listValue="value" ></s:radio>
 
              </div>
              </td>
          </tr>
        </tbody>
        </table>
        
        <div class="btnSet btnSetTypeB">
          <div class="left">
            <div class="button">
              <div class="left">
                <div class="right">
                  <input type="button" onclick="clickBtn('save')" value="Save" name="" id="" class="inputButton"/>
                </div>
              </div>
            </div>
            <div class="button">
              <div class="left">
                <div class="right">
                  <input type="button" onclick="clickBtn('cancel')" value="Cancel" name="" id="" class="inputButton"/>
                </div>
              </div>
            </div>
            <div class="button"> </div>
          </div>
        </div>
        
        </s:form>
        
      </div>
    </div>
    
</div>
</div>

</body>
</html>   